<template>
    <mt-swipe :auto="4000">
             <mt-swipe-item v-for="items in alist" :key="items.id">
                 <img :src="items.img" alt="">
             </mt-swipe-item>
             
        </mt-swipe>
</template>
<script>
export default {
    props:['alist']
}
</script>
<style lang="scss" scoped>
      .mint-swipe{
          height: 20vh;
          .mint-swipe-item{
              &:nth-child(1){
                  background: green
              }
              
              img{
                  height: 100%;
                  width: 100%;
              }
          }
          
      }
</style>
